/**
 * FC函数组件
 */
import React, { FC } from 'react';

/**
 * 声明Props类型
 */
export interface MyComponentProps {
  name?: string;
}

/**
 * 优先使用FC类型声明函数式组件
 * FC：FunctionComponent 定义了默认的props（如：children）以及一些静态属性（如：defaultProps）
 * @constructor
 * name 默认的 props 声明 TS MyComponent
 */
const MyComponent: FC<MyComponentProps> = ({ name = 'TS MyComponent' }) => {
  return <div>hello {name}</div>;
};

export default MyComponent;
